<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>贼好看电影</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="/publics/front-stage/css/teleplay.css" />
    <script src="/publics/front-stage/js/axios.min.js"></script>
    <link rel="stylesheet" href="/publics/front-stage/less_j/myperson_j.css">
    <link rel="stylesheet" href="/publics/front-stage/l-less/common.css">
    <link rel="stylesheet" href="/publics/front-stage/less_j/nav.css">
</head>
<body>

    <p style="display: none;" id="userIdmessage">{{userinfo.userId}}</p>
    <div class='all-page'>
        {{include './nav.html'}}
        <div id="lunbo">
                    <div class="cycle">
                        <div class="imgs">
                            <!-- <img  class="picture " src="/publics/front-stage/img/1.gif"> -->
                            <button type="button" class="btn" id="goPre"><i class="fa fa-angle-left fa-2x" aria-hidden="true"></i></button>            
                            <button type="button" class="btn" id="goNext"><i class="fa fa-angle-right fa-2x" aria-hidden="true"></i></button>
                            <div class="circle">
                                <div class="circle-box">
                                </div>
                            </div>
                        </div>
                    </div>
        </div>
        <div class="mid-nav">
            <div class="mid-nav-box">
                <span class="classnav">
                    <h4>片库</h4>
                    <div>
                        <a  style="text-decoration:none;color: black;" href="/type">近期热门</a>
                        <a  style="text-decoration:none;color: black;" href="/type">免费电影</a>
                        <a  style="text-decoration:none;color: black;" href="/type">会员专享</a>
                        <a  style="text-decoration:none;color: black;" href="/type">最新上线</a>
                        <a  style="text-decoration:none;color: black;" href="/type">影院大片</a>
                        <a  style="text-decoration:none;color: black;" href="/type">评分最高</a>
                    </div>
                </span>
                <span class="classnav">
                    <h4>地区</h4>
                    <div>
                    </div>
    
                </span>
                <span class="classnav">
                    <h4>类型</h4>
                    <div>
                    </div>
                </span>
            </div>
        </div>


        <!-- 添加的电视剧 -->
        <div class='layout'>
            <div class='common-container'>
                <div class='ant-tabs'>
                    <div class='tablists'>
                        <p style="width: 28px;height: 28px;padding-top: 3px;padding-right: 3px;"><img src="/publics/front-stage/img/tv4.png" alt="" style="display: inline-block;width: 28px;height: 28px;"></p>
                        <a class='qy-tv'>同期播出</a>
                        <div class='qy-change'>
                            <button class="qy-left"><i class="iconfont icon-xiangzuo"></i></button>
                            <button class='qy-right'><i class="iconfont icon-xiangyou"></i></button>
                        </div>
                    </div>
                    <!-- 第一个10张图片 -->
                    <div class='tab-ant'>
                        <div class='tabpanel'>
                            <ul class='panel'>  
                                
                            </ul>
                        </div>
                    </div>
                    
                
                </div>
            </div>
    
        </div>
        <!-- 底部 -->
        <div class='lastPage'>
            <div class='lastBottom'>
                <div class='bottom-line'>
                    <p>我也是有底线哒~</p>
                </div>
            </div>
            <div class="g-footer">
                <div class='g-foot'>
                    <div class='dl-one'>
                        <dt class='title-IV'>热门频道</dt>
                        <div class='manya'>
                            <a>电视剧</a>
                            <a>综艺</a>
                            <a>电影</a>
                            <a>搞笑</a>
                            <a>音乐</a>
                            <a>体育</a>
                            <a>动漫</a>
                            <a>游戏</a>
                            <a>生活</a>
                        </div>
                            
                    
                    </div>
                    <div class='dl-two'>
                        <dt class='title-IV'>协议声明</dt>
                        <div class='manya'>
                            <a>用户协议</a>
                            <a>知识产权声明</a>
                            <a>隐私政策</a>
                            <a>反盗链声明</a>
                        </div>
                        
                    </div>
                    <div class='dl-three'>
                        <dt class='title-IV'>服务</dt>
                        <div class='manya'>
                            <a>侵权投诉</a>
                            <a>广告服务</a>
                            <a>设备说明</a>
                            <a>关于我们</a>
                        </div>
                    </div>
                </div>

                <!-- 最底部 -->
                <div class='last-foot'>
                    <div class='last-footer'></div>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="/publics/front-stage/js/movie.js"></script>
<script type="text/javascript" src="/publics/front-stage/js/nav.js"></script>
</html>